﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WFDesinger.aspx.cs" Inherits="WorkFlow.Desinger.newDesinger.WFDesinger" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>流程设计器IE8+</title>
        <link href="../Css/js-graph-it.css" rel="stylesheet" />
        <link href="../Css/SelectPanel.css" rel="stylesheet" />
        <link href="../Css/WFDesinger.css" rel="stylesheet" />
        <script src="../Scripts/TagAttrs.js"> </script>
    </head>
    <body>
        <form id="frm" runat="server">
            <div style="position: absolute; top: 0; left: 0; height: 50px; background-color: #9ed7ed; width: 1332px; text-align: center;">
                <div style="margin-top: 0; font-size: 23px;">流程设计器<a href="../ProcessManagement.aspx" style="font-size: 10px;" >流程管理</a></div> 
                <input type="button" value="保存流程" onclick=" savePorcess() " style="margin-top: 0; margin-left: 1150px;"/>
                <input type="button" value="载入最新流程" onclick=" loadPorcess() " />
            </div>
            <div style="height: 600px; width: 58px; position: absolute; left: 0; top: 50px; background-color: #f5f5f5;">
                <img src="../Images/start.png" width="50px" height="50px" onclick=" createStartNode() " alt="" />
                <img src="../Images/act.png" width="50px" height="50px" onclick=" createActNode() " alt="" />
                <img src="../Images/orSplit.png" width="50px" height="50px" onclick=" createOrSplitNode() " alt="" />
                <img src="../Images/andSplit.png" width="50px" height="50px" onclick=" createAndSplitNode() " alt="" />
                <img src="../Images/xorSplit.png" width="50px" height="50px" onclick=" createXorSplitNode() " alt="" />
                <img src="../Images/orJoin.png" width="50px" height="50px" onclick=" createOrJoinNode() " alt="" />
                <img src="../Images/andJoin.png" width="50px" height="50px" onclick=" createAndJoinNode() " alt="" />
                <img src="../Images/xorJoin.png" width="50px" height="50px" onclick=" createXorJoinNode() " alt="" />
                <img src="../Images/end.png" width="50px" height="50px" onclick=" createEndNode() " alt="" />
                <img src="../Images/rollback.png" width="50px" height="50px" onclick=" createRollbackNode() " alt="" />
            </div>

            <div style="position: absolute; top: 50px; left: 60px; width: 1060px; height: 600px; overflow-x: scroll; overflow-y: scroll;" id="id_div_placeholder">
                <div class="canvas"  id="mainCanvas" style="height: 2000px; width: 2000px; background-color: #f5f5f5; background-image: url(../Images/bck.png);"></div>
            </div>
        
            <div style="width: 210px; position: absolute; top: 50px; left: 1122px; height: 600px; background-color: #9ed7ed;">
                <div style="position: relative; background-color: #f5f5f5; top: 0; left: 0; height: 353px;">
                    <input type="hidden" value="" id="id_ipt_attr_id" />
                    <input type="text" name="notautosubmit" style="display: none"/> <br/>
                    <label>名称:</label><input type="button" value="删除该活动" style="margin-left: 82px; border-style: groove;" onclick="deleteAct() "/>
                    <input type="text" value="" id="id_ipt_attr_name" onkeyup="modifyName() " style="width: 202px; background-color: #f5f5f5; border-style: groove;" onfocus=" changeColor(this) " onblur=" changeDefaultColor(this) "  /><br /><br/>
                    <label>输入:</label><select id="id_sel_attr_in" onchange=" modifyIn() " style="background-color: #f5f5f5;"><option value="Y">是</option>
                                          <option value="N">否</option>
                                      </select>
                    <label style="margin-left: 15px;">输出:</label><select id="id_sel_attr_out" onchange=" modifyOut() " style="background-color: #f5f5f5;"><option value="Y">是</option>
                                                                     <option value="N">否</option>
                                                                 </select><br/><br/>
                    <label>对应模块</label><input type="button" value="请选择" wfmodule="" style="width: 142px; border-style: groove;" onclick=" setModule() " id="id_ipt_attr_module"/>
                    <div style="width: 210px; height: 233px; background-color: #e9e9e9;">
                        <input type="button" value="新增路径" onclick=" addNewPath() " style="background-color: burlywood; border: none;" /><br />
                        <table id="id_tb_attr_acts" width="200px;" style="table-layout: fixed;">
                            <tr style="background-color: #9ed7ed;" >
                                <td style="display: none;"></td>

                                <td style="width: 85px;">下一活动</td>
                                <td style="width: 95px;">条件</td>
                                <td style="width: 18px;">删</td>
                            </tr>
                        </table>
                    </div>
                </div>
          
                <div style="background-color: #9ed7ed; margin-top: 22px;">
                    <input type="button" onclick="modifyUsers() " value="用户" style="width: 210px; margin-top: 8px;"/>
                    <label id="lb_user_names"></label>
                </div>
            </div>

            <%--弹框--%>
            <div id="div_float_container" style="background-color: #9ed7ed; border-bottom: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; border-top-width: 1px; display: none; height: 439px; left: 277px; position: absolute; top: 111px; width: 605px; z-index: 1000;">
                <div style="background-color: #f5f5f5; height: 30px;">
                    <div id="div_float_top_title" style="bottom: 0; float: left; height: 30px; left: 0; line-height: 30px; position: relative; width: 1px;">
                    </div>
                    <div id="div_float_close_area" style="float: right; height: 30px; width: 30px;">
                        <img alt="关闭" src="../Images/del.png" onclick=" div_float_close() " title="关闭" />
                    </div>
                </div>
                <div id="div_float_content" style="color: #000; height: 399px; margin-top: 3px; overflow-x: hidden; overflow-y: scroll; width: 605px;">
                    <div id="id_div_content">
                        <div id="id_div_top">活动</div>
                        <div id="id_div_left" style="overflow-x: hidden; overflow-y: scroll;">
                        </div>
                        <div id="id_div_center">
                            <br />
                            <input type="button" value=">" onclick=" addToRight() " /><br />
                            <br />
                            <input type="button" value=">>" onclick=" addAllToRight() " /><br />
                            <br />
                            <input type="button" value="<" onclick=" addToLeft() " /><br />
                            <br />
                            <input type="button" value="<<" onclick=" addAllToLeft() " />
                        </div>
                        <div id="id_div_right" style="overflow-x: hidden; overflow-y: scroll;">
                            <ul id="id_ul_right"></ul>
                        </div>
                        <div id="id_div_bottom">
                            &nbsp;&nbsp;<input type="button" value="取消" class="c_cancle" onclick=" btnCancel() " style="margin-left: 401px;" />
                            <input type="button" value="确定" class="c_ok" onclick=" btnOK() " />
                            <label id="lb_ident" style="display: none;"></label>
                        </div>
                    </div>
                </div>
                <input id="id_ipt_temp_id" type="hidden" value="" />
                <input id="id_ipt_temp_name" type="hidden" value="" />
            </div>
            <%--弹框  结束--%>
             <%-- 条件弹框--%>
         
             <%-- 条件弹框--%>
            <div id="xmlholder" style="display: none;">
            <div id="xmlarea" idum="0" style="display: none;">
              </div>
            </div>

        </form>
        <script src="../Scripts/Utility.js"> </script>
        <script src="../Scripts/js-graph-it.js"> </script>
        <script src="../Scripts/NodePaths.js"></script>
        <script src="../Scripts/WFDesinger.js"> </script>
        <script src="../Scripts/parseWfGraphics.js"></script>
        <script src="../Scripts/ConverToHtmlDesinger.js"></script>
    </body>
</html>